
  .images {
    & > img {
      width: 100%;
    }
  }
  .login {
    width: 80%;
    margin: -0.92rem auto;
    .dlzc {
      .zc,
      .dl {
        font-size: 0.34rem;
        height: 0.83rem;
        width: 1.72rem;
        box-sizing: border-box;
        border: 0.01rem solid #ae74eb;
        border-radius: 0.08rem;
        background-color: transparent;
        color: #f9f8fc;
        margin-right: 0.2rem;
      }
      .active {
        background-color: #7642b9;
        border: none;
      }
    }
    .zcdl_form {
      width: 100%;
      .phone,
      .pwd {
        width: 100%;
      }
      .yzm {
        width: 3.42rem;
      }
      .hqyzm {
        width: 2.16rem;
        color: #d3d3d5;
      }
      & > input {
        outline: none;
        height: 1.05rem;
        border-radius: 0.09rem;
        background: transparent;
        border: 1px solid #d6d6d6;
      }
      & > input[type='text'] {
        text-indent: 0.34rem;
      }
      & > input::placeholder {
        color: #d3d3d5;
      }
      & > input:not(:placeholder-shown){
        background-color: transparent;
      }
      .error{
        border:1px solid red;
        color:red;
      }
      .error::placeholder{
        color:red;
      }
      .error::placeholder::after{
        content: '格式错误';

      }
    }
    .zcbtn,
    .dlbtn {
      width: 100%;
      height: 0.98rem;
      border: none;
      background-color: #c297fa;
      color: #fefeff;
      border-radius: 0.09rem;
      display: none;
    }
    .bActive {
      display: inline-block;
    }
  }

